page {
    // background-color: #e9e7e7;
}

// 头部
.user_info_wrap {
    height: 30vh;
    width: 100%;
    background-color: #e4b987;
    position: relative;

    // 背景图框 登录显示区
    .user_image_wrap {
        width: 100%;
        height: 30vh;
        overflow: hidden;

        image {
            width: 100%;
            height: 30vh;
        }

        // 未展示背景图
        .bg_write_1 {
            margin-top: 20%;
            width: 327px;
            height: 140px;
            border-radius: 10px;
            background-color: #fff;
            // 阴影
            box-shadow: 1px 1px 30px 1px #dbdada;
        }
    }


    // 背景图
    .user_bg {
        height: 220px;
        width: 100%;
        // 模糊效果
        filter: blur(5px);
    }

    // 用户头像区
    .user_info {
        position: absolute;
        width: 654rpx;
        height: 280rpx;
        left: 50%;
        transform: translate(-50%);
        bottom: -38%;
        text-align: center;
        z-index: 99;
        background-color: #fff;
        box-shadow: 1px 1px 30px 1px #dbdada;
        border-radius: 20rpx;

        .user_icon {
            position: absolute;
            top: -100rpx;
            transform: translate(-50%);
            width: 200rpx;
            height: 200rpx;
            border-radius: 50%;
        }
        .user_icon_none {
            position: absolute;
            top: -100rpx;
            transform: translate(-50%);
            width: 200rpx;
            height: 200rpx;
            border-radius: 50%;
            background-color: #ccc;
        }

        .user_icon_photo {
            position: absolute;
            right: 222rpx;
            top: 45rpx;
            width: 48rpx;
            height: 48rpx;
        }

        .user_name {
            font-weight: 600;
            font-size: 40rpx;
            margin-top: 120rpx;
            color: black;
        }

        .user_shop_name {
            margin-top: 10rpx;
            color: #999999;
        }

        .bg_write_1 {
            margin-top: 40%;
            width: 327px;
            height: 140px;
            border-radius: 10px;
            background-color: #fff;
            // 阴影
            box-shadow: 1px 1px 30px 1px #dbdada;
        }

        .bg_write {
            margin-top: -40%;
            width: 327px;
            height: 140px;
            border-radius: 10px;
            background-color: #fff;
            // 阴影
            box-shadow: 1px 1px 30px 1px #dbdada;
        }
    }

    // 上部个人商品导航区
    .user_daohang {
        margin-top: -35px;
        display: flex;

        view {
            flex: 1;
            display: flex;

            text-align: center;
            align-items: center;
            position: relative;

            button {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                opacity: 0;
                z-index: 10;
            }

            navigator {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                opacity: 0;
                z-index: 10;
            }


            image {
                z-index: 10;
                margin-left: 24px;
                flex: 1;
                width: 24px;
                height: 24px;

                // border: solid 1px #666666;
                // border-radius: 50%;
            }

            .user_text {
                z-index: 10;
                flex: 5;
                margin-left: -10px;
                color: #666666;
            }
        }

    }


    // 未登录显示区
    .user_btn {
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        top: 75%;
        // text-align: center;
        border: 1px solid #e4b987;
        color: #e4b987;
        font-size: 38rpx;
        padding: 30rpx;
        border-radius: 30rpx;
    }
}

// 我的订单
.order_manage {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    height: 70vh;
    padding-top: 215rpx;
    .login_none {
        width: 200rpx;
        height: 200rpx;
    }
    .order_manage_item {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
        margin-right: 22rpx;
        margin-bottom: 20rpx;
        width: 200rpx;
        height: 200rpx;
        box-shadow: 1px 1px 30px 1px #dbdada;
        border-radius: 20rpx;

        .item_img {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100rpx;
            height: 100rpx;
            overflow: hidden;
        }

        image {
            width: 100rpx;
        }

        .item_text {
            margin-top: 20rpx;
            font-size: 22rpx;
            color: #7F8592;
            letter-spacing: 2rpx;
        }

        button {
            position: absolute;
            opacity: 0;
            width: 200rpx;
            height: 200rpx;
            line-height: 30rpx;
            text-align: center;
            font-size: 16px !important;

            text {
                font-size: 16px !important;
            }
        }
    }

    .item_last {
        margin-right: 0;
    }
}


// 已下单待确认区
.order_confirm {

    // margin-top: 15px;
    width: 94%;
    height: 72px;
    background-color: #cccccc;
    border-radius: 8px;
    // text-align: center;
    // 子盒子居中用margin: 0 auto
    margin: 0 auto;

    display: flex;
    justify-content: space-between;

    .order_confirm_left {
        width: 72px;
        height: 72px;
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
        background-color: dimgray;
    }

    .order_confirm_text {

        .order_confirm_text1 {
            font-size: 16px;
            margin-top: 14px;
            text-align: center;
        }

        .order_confirm_text2 {
            margin-top: 6px;
            font-size: 12px;
            color: #999999;
        }
    }

    .order_confirm_right {
        margin-right: 12px;
        margin-top: 12px;
        color: #666666;
    }
}

// 退出登录
.login_out {
    margin-top: 90px;

    .my_button {
        background-color: #999999;
        border: none;
        border-radius: 20px;
        color: aliceblue;
    }
}